<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>智伯通</title>
		<meta name="viewport" content="width=1200,target-densitydpi=device-dpi">
		<link rel="shortcut icon" href="images/logo.ico" />
		<link rel="stylesheet" href="css/font/iconfont.css" />
		<link rel="stylesheet" href="js/layui/css/layui.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/login.css" />
	</head>
	<body class="register-bg">
		<div class="register-header">
			<div class="w1200 ma-auto">
				<div class="rh-logo"></div>
				<div class="register-400">
					<img src="images/register/24h.png" />
					<div>400-025-1234</div>
				</div>
			</div>
		</div>
		<div class="w1200 ma-auto">
			<div class="register-module-title">
				<h3>个人注册</h3>
				<div class="register-module-link">
					<span>已有账号</span>
					<a href="login.html" class="fc-link1">登录</a>
				</div>
				<div class="clra"></div>
			</div>
			<div class="register-page">
				<ul class="register-form">
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">用户名</div>
						</em>
						<div class="rf-right">
							<input type="text" class="text-nbc fs15 border-box w-all" placeholder="用户名/手机号/邮箱" />
						</div>
					</li>
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">真实姓名</div>
						</em>
						<div class="rf-right">
							<input type="text" class="text-nbc fs15 border-box w-all" placeholder="请输入姓名箱" />
						</div>
					</li>
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">手机号码</div>
						</em>
						<div class="rf-right">
							<input type="text" class="text-nbc fs15 border-box w-all" placeholder="请输入真实手机号，用于找回密码" />
						</div>
					</li>
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">联系邮箱</div>
						</em>
						<div class="rf-right">
							<input type="text" class="text-nbc fs15 border-box w-all" placeholder="请输入联系邮箱" />
						</div>
					</li>
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">设置密码</div>
						</em>
						<div class="rf-right">
							<input type="password" class="text-nbc fs15 border-box w-all" placeholder="请设置账号密码" />
						</div>
					</li>
					<li class="radius3">
						<i class="required">*</i>
						<em class="rf-left">
							<div class="w70 inline-block">确认密码</div>
						</em>
						<div class="rf-right">
							<input type="password" class="text-nbc fs15 border-box w-all" placeholder="请再次输入密码" />
						</div>
					</li>
					<li class="radius3 no-bc">
						<div id="loginValidate" class="login-validate"></div>
					</li>
					<li class="radius3">
						<em class="rf-left">
							<div class="w70 inline-block">验证码</div>
						</em>
						<div class="rf-right">
							<input type="text" class="text-nbc fs15 border-box w200" placeholder="短信验证" />
							<div class="validateBtn">
								<input type="button" class="btn-default radius3" onclick="time(this)" value="获取验证码" />
							</div>
						</div>
					</li>
				</ul>
				<div class="register-form-btns">
					<input id="registerBtn" type="button" class="btn-default h44 fs16 w-all radius3" onclick="registerSuccessLink()" value="注册" />
				</div>
			</div>
		</div>
		<div class="register-footer">
			<div class="copyright-txt">
		 		<a class="plr10" target="_blank" href="">
		 			<img src="images/baian.png" style="float:left;"/>
		 			<p style="color:#999999">苏公网安备 32011402010287号</p>
		 		</a>
				<span class="plr10" style="height:20px;"><img src="images/icp.png" height="20px" align="absmiddle" class="lfloat" />&nbsp;苏ICP备17011986号</span>
				<span class="plr10">Copyright <em class="fc-important2">&copy;</em> 2018-2020 智伯通 All Rights Reserved.</span>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<link rel="stylesheet" type="text/css" href="js/verify/css/verify.css">
		<script type="text/javascript" src="js/verify/verify.js"></script>
		<script type="text/javascript">
			//注册成功
			function registerSuccessLink(){
				window.location.href="loginRegisterSuccess.html?type=0";
			}
			
			$('#loginValidate').slideVerify({
				type : 2,		//类型
				vOffset : 5,	//误差量，根据需求自行调整
				vSpace : 5,	//间隔
				imgName : ['validate/1.jpg','validate/2.jpg','validate/3.jpg','validate/4.jpg','validate/5.jpg','validate/6.jpg','validate/7.jpg','validate/8.jpg','validate/9.jpg','validate/10.jpg'],
				imgSize : {
					width: '458px',
					height: '220px',
				},
				blockSize : {
					width: '50px',
					height: '50px',
				},
				barSize : {
					width : '458px',
					height : '50px',
				},
				ready : function() {
				},
				success : function() {
//					alert('验证成功，添加你自己的代码！');
				},
				error : function() {
		//		    alert('验证失败！');
				}
			});
		</script>
	</body>
</html>
